@import './config'

.root
	position absolute
	top 50px
	left 0
	right 0
	bottom 0
	overflow-x hidden
	overflow-y auto
	padding-top 30px
	.wrapper
		margin 0 auto
		width 1100px
		min-height 100%
		padding-bottom 50px
		position relative
.root
	&.notifications
		background #f3f5f9
		padding 0
		>div
			background #fff
			width 800px
			padding-top 40px
			box-shadow 0 0 18px rgba(0,0,0,.1)
	&.newsfeed,&.home, &.conversation,&.converchart
		background #f3f5f9
	&.review.index,&.admin.review
		background #f3f5f9
		padding-top 0
	&.review
		background-color #f3f5f9
	&.project.team
		background-color #f2f5fa
	&.survey
		background-color #f2f5fa
		&::before
			content ''
			background-color #fff
			position absolute
			left 0
			right 0
			top 0
			height 54px
			box-shadow 0 2px 6px rgba(0,0,0,.1)
	&.okr
		background-color #f2f5fa
		&.objectives
			&::before
				height 96px
		&::before
			content ''
			background-color #fff
			position absolute
			left 0
			right 0
			top 0
			height 112px
			box-shadow 0 2px 6px rgba(0,0,0,.1)

.objectives.bird-view
.objectives.relative-tree
	background-color #F3F6F9

.has-guide
	padding-bottom 108px	
